<html>
	<head>
		<script type="text/javascript" src="jquery.min.js"></script>
		<script type="text/javascript" src="jquery.ui.min.js"></script>
		<script type="text/javascript" src="system/config.js"></script>
		<script type="text/javascript" src="system/error.js"></script>
		<script type="text/javascript" src="ui/conduit.js"></script>
		<script type="text/javascript" src="ui/dialog.js"></script>
		<script type="text/javascript" src="ui/menuBar.js"></script>
		<script type="text/javascript" src="ui/tooltip.js"></script>
		<script type="text/javascript" src="ui/jquery.wrapper.js"></script>
		<script type="text/javascript" src="utilities/utilities.js"></script>
		<script type="text/javascript" src="ui/menus/file.js"></script>
		<script type="text/javascript" src="form/form.js"></script>
		<script type="text/javascript" src="form/field.js"></script>
		<link rel="stylesheet" type="text/css" href="ui/torchd.ui.css"/>
		<script type="text/javascript">
			$(document).ready(function() {
				$('.tooltip').torchdTooltip({
					html:'This is a tooltip',
					animate:'fade',
					animateSpeed:300
				});
			});
		</script>
	</head>
	<body>
		<center><a class="tooltip">Center Tip</a></center>
		<a style="float:left;" class="tooltip">Left Tip</a>
			<a style="float:right;" class="tooltip">Right Tip</a>
			<a class="tooltip" style="float:left;margin-top:500px">Bottom Left</a>
	</body>
</html>